<app-nav [step]="3"></app-nav>
<div class="mui-content bg-gray">
  <div class="d-flex top-bar bg-linear">
    <div class="flex text-center title">我的单子</div>
  </div>
  <!-- <div class="d-flex filter-bar">
    <div class="flex filter">
      <select class="m-0">
        <option value="">未联系</option>
        <option value="单子一">单子一</option>
      </select>
    </div>
    <div class="flex filter">
      <select class="m-0">
        <option value="">会员单</option>
        <option value="单子一">单子一</option>
      </select>
    </div>
  </div> -->
  <ul class="dan-list mui-list-unstyled">
    <li class="m" *ngFor="let order of orderList" (click)="orderDetail(order.customer_id)">
      <div class="client-case p">
        <h4 class="client-name">{{order.customer_data.realname}}</h4>
        <div class="client-ask">
          <span>{{order.customer_data.region_name ? order.customer_data.region_name : '全国'}}</span>
          <span class="liner">|</span>
          <span>{{order.customer_data.occupation ? order.customer_data.occupation : '自由职业'}}</span>
          <span class="m-l">
            <span class="money-number">{{order.customer_data.money}}</span>元</span>
        </div>
      </div>
      <div class="client-situation mui-row mui-text-center">
        <span class="mui-col-xs-4">
          <img src="./assets/images/money.png" alt="月收入">{{order.customer_data.monthlyincome ? order.customer_data.monthlyincome : '未知'}}</span>
        <span class="mui-col-xs-4">
          <img src="./assets/images/house.png" alt="房子">{{order.customer_data.housetype ===1 ? '有房无房贷' : (order.customer_data.housetype ===2 ? '有房有房贷' : (order.customer_data.housetype
          ===3 ? '无房' :'未知'))}}</span>
        <span class="mui-col-xs-4">
          <img src="./assets/images/car.png" alt="车">{{order.customer_data.cartype ===1 ? '有车无车贷' : (order.customer_data.housetype ===2 ? '有车有车贷' : (order.customer_data.housetype
          ===3 ? '无车' :'未知'))}}</span>
      </div>

    </li>
    <button type="button" class="mui-btn mui-btn-block">点击加载更多</button>
  </ul>

  <div class="empty mui-hidden">
    <div class="mui-text-center">
      <div class="" style="margin:0 auto;width:70px;height:90px;background:#e0e0e0;">
      </div>
      <p class="gray-color m-t">暂无此项抢单记录</p>
    </div>
  </div>
</div>
